html{ /*font-size:100px;*/
	font-family: 'Adobe 黑体 Std';
}

.giftBox{
	width: 4.5rem;
	height: 4rem;
	position: relative;
	border: 1px solid #f00;
}
.show-main-before{
	display:block;
	position:fixed;
	left: 0;
	top:0;
	opacity:0.5;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #000;
}
.show-main{
	z-index: 1000;
	position:absolute;
	width: 12rem;
	height: 12rem;
	left: 50%;
	top: 50%;
	padding-top:2.7rem;
	margin-top:-6rem;
	margin-left:-6rem;
	margin-top:-10rem;
}

.giftBox-top{
	position:absolute;
	z-index: 2;
	top: -2.25rem;
	left:50%;
	margin-left:-2.05rem;
	width: 4.5rem;
	height: 3.9rem;
}
.giftBox-mh{
	min-height: 1.6rem;
}
.giftBox-bottom{
	position:absolute;
	z-index: 1;
	width: 12rem;
	height: 12rem;
	-moz-border-radius:1rem;
	-webkit-border-radius:1rem;
	border-radius:1rem;
	background: #fff;
}

.star1
{
position:absolute;
	left: .1rem;
	top: .45rem;
z-index:1;
animation:star1 1s infinite;
-webkit-animation:star1 1s infinite; /*Safari and Chrome*/
}
.star1 img{
	width:.45rem;
	height: .45rem;
}
.star2
{
	position:absolute;
	left: 3.6rem;
	top: .75rem;
	z-index:2;
animation:star2 1s infinite;
-webkit-animation:star2 1s infinite; /*Safari and Chrome*/
}
.star2 img{
	width:.45rem;
	height: .45rem;
}
.star3
{
	position: absolute;
	z-index:3;
	left: 2.5rem;
	top: -.4rem;
animation:star3 1s infinite;
-webkit-animation:star3 1s infinite; /*Safari and Chrome*/
}
.star3 img{
	width: .8rem;
	height: .8rem;
}

.star4
{
	position:absolute;
	left: .8rem;
	top: 1.5rem;
	z-index: 4;
animation:star4 1s infinite;
-webkit-animation:star4 1s infinite; /*Safari and Chrome*/
}
.star4 img{
	width: .8rem;
	height: .8rem;
}
.star-box{
	position:absolute;
	z-index:0;
	left: .3rem;
	top: .2rem;
	width: 3.35rem;
	height: 3.3rem;
animation:star-box .8s infinite;
-webkit-animation:star-box .8s infinite; /*Safari and Chrome*/
}
.star-box img {
	width: 100%;
	heigt: 100%;
}
.giftBox-bottom{
	text-align: center;
}
.giftBox-bottom-title{
	height: .95rem;
	line-height: .95rem;
	padding-top:1rem;
	font-size: .95rem;
	font-weight: bold;
	color: #f20e41;
}

.giftBox-bottom-title2{
	width: 8.8rem;
	height: 1.75rem;
	margin: 0 auto;
	margin-top:1.45rem;
	line-height:.9rem;
	font-size: .7rem;
	font-weight: 100;
	color: #333333;
}
.giftBox-bottom-btn{
	width: 37%;
	height:2.2rem;
	line-height: 2.4rem;
	margin: 0 auto;
	-moz-border-radius:1rem;
	-webkit-border-radius: 1rem;
	border-radius:1rem;
	margin-top:1.75rem;
	font-weight: bold;
	font-size: .75rem;
	background: #ff9300;
	color: #fff;
	-moz-box-shadow: 0px 3px 0px #ff7a1d;
	box-shadow: 0px 3px 0px #ff7a1d;
	-webkit-box-shadow: 0px 3px 0px #ff7a1d;

}
.giftBox-bottom-btn a{
	text-decoration: none;
	color: #fff;
	display: block;
}


/*动画函数*/

@-webkit-keyframes star1 /* Safari 和 Chrome */
{
0%   {  opacity: 1;}
6.6%   {  opacity: 1;}
13.3%  { opacity: 1;}
20%  {opacity: 0;}
26.6%  {opacity: 1}
33.3% {opacity: 1}
40%{opacity: 1}
46.6%{opacity: 0}
53.3% {opacity: 0}
59.9% {opacity: 1}
66.6% {opacity: 1}
73.3% {opacity: 1}
80% {opacity: 0}
100%{opacity: 0}
}


@-webkit-keyframes star2 /* Safari 和 Chrome */
{
0%   {  opacity: 0;}
6.6%   {  opacity: 0;}
13.3%  { opacity: 1;}
20%  {opacity: 1;}
26.6%  {opacity: 1}
33.3% {opacity: 0}
40%{opacity: 0}
46.6%{opacity: 0}
53.3% {opacity: 0}
59.9% {opacity: 1}
66.6% {opacity: 1}
73.3% {opacity: 1}
80% {opacity: 0}
	100%{opacity: 0}
}


@-webkit-keyframes star3 /* Safari 和 Chrome */
{
0%   {  opacity: 0;}
6.6%   {  opacity: 0;}
13.3%  { opacity: 0;}
20%  {opacity: 0;}
26.6%  {opacity: 0}
33.3% {opacity: 1}
40%{opacity: 1}
46.6%{opacity: 1}
53.3% {opacity: 1}
59.9% {opacity: 1}
66.6% {opacity: 1}
73.3% {opacity: 1}
80% {opacity: 0}
	100%{opacity: 0}
}


@-webkit-keyframes star4 /* Safari 和 Chrome */
{
0%   {  opacity: 0; }
6.6%   {  opacity: 0;}
13.3%  { opacity: 0;}
20%  {opacity: 0;}
26.6%  {opacity: 0}
33.3% {opacity: 0}
40%{opacity: 0}
46.6%{opacity: 0}
53.3% {opacity: 0}
59.9% {opacity: 1}
66.6% {opacity: 1}
73.3% {opacity: 1}
80% {opacity: 0;}
	100%{opacity: 0}
}

@-webkit-keyframes star-box /* Safari 和 Chrome */
{
	0%{transform:rotate(0deg);webkit-transform:rotate(0deg); }
	26.6%  {transform:rotate(15deg);webkit-transform:rotate(10deg); }
	40.3% {transform:rotate(0deg);webkit-transform:rotate(0deg); }

}
